<template>
	<navigator :style="{width: width}" class="goods-item bg-white"
		hover-class="none" :url="url">
		<custom-image extendType="zy_logo" :width="width" :height="width" radius="10rpx" lazy-load :src="item.image" />
		<view style="padding: 8rpx">
			<view class="goods-name line1">{{item.name}}</view>
			<!-- 		<view class="tag">
				<price-format :price="item.min_price || item.market_price" color="#999999" :second-size="22"
					:first-size="22" :subscript-size="22" delNum></price-format>
					</view>
					<view class="">
				<price-format class="mr10" :weight="500" :price="item.seckill_price || item.price" :first-size="32"
					:second-size="22" :subscript-size="22" color="#FF2C3C"></price-format>
				</view> -->
			<view class="">
	
	
				<view class="yj-box tag">
					<view class="label">押</view>
					<view class="p">
						<price-format color="#FF2C3C" :first-size="24" :second-size="24"
							:subscript-size="24" :price="item.price" :weight="500"></price-format>
					</view>
				</view>
				<view class="day-text">
					￥<view class="d">20</view>.22/天
				</view>
			</view>
		</view>
	</navigator>
</template>

<script>
	export default {
		props: {
			item: {
				type: Object,
				default: ()=>{}
			},
			type: {
				type: String,
				default: ''
			},
			url: {
				type: String,
				default: ''
			},
			width: {
				type: String,
				default: '240rpx'
			},
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.goods-item {
		width: 240rpx;
		display: inline-block;
		border-radius: 10rpx;
		overflow: hidden;
	
	
		.tag {
			height: 38rpx;
			margin: 5rpx 0;
		}
	
		.yj-box {
			width: fit-content;
			border-radius: 4rpx;
			border: 1rpx solid #FF2C3C;
			display: flex;
			align-items: center;
	
			.label {
				width: 38rpx;
				height: 36rpx;
				background-color: #FF2C3C;
				color: #fff;
				font-size: 24rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}
	
			.p {
				font-size: 24rpx;
				color: #FF2C3C;
				padding: 0 10rpx;
				display: flex;
				align-items: center;
				justify-content: center;
			}
		}
	
		.day-text {
			display: flex;
			align-items: flex-end;
			color: #FF2C3C;
			margin-top: 10rpx;
	
			.d {
				font-weight: 600;
				font-size: 36rpx;
				line-height: 38rpx;
			}
		}
	}
</style>
